@import './index';
.culture{
  background: url('/JZTbj.png') no-repeat 0 250px;
  background-size: cover;
  .title{
    @include font-title;
  }
  .el-tabs{
    .el-tabs__header{
      border: none;
    }
    .el-tabs__nav {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: stretch;
      border: none !important;
      .el-tabs__item {
        border: 2px solid gray !important;
        transform:skew(-15deg);
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -o-transform:skew(-15deg);
        -ms-transform:skew(-15deg);
        margin: 0 25px;
        &:hover{
          color:black;
        }
        &.is-active{
          background: rgb(67,120,236);
          color: white;
          border:2px solid rgb(67,120,236) !important;
        }
        span{
          display: block;
          transform:skew(15deg);
          -webkit-transform: skew(15deg);
          -moz-transform: skew(15deg);
          -o-transform:skew(15deg);
          -ms-transform:skew(15deg);
        }
      }
    }
    .el-tabs__content{
      box-shadow: 3px 4px 29px 1px rgba(49, 72, 118, 0.2);
      .el-tab-pane{
        display: flex;
        img{
          width: 510px;
          height: 340px;
          display: inline-block;
          background-color: white;
        }
        .cul_right{
          background: url('/culturebj.png') no-repeat 290px 0;
          background-color: white;
          padding: 20px;
          .cul_r_title{
            display: flex;
            margin: 20px 0;
            .cul_r_t_line{
              width: 4px;
              margin-right: 10px;
              height: 60px;
              background: linear-gradient(0deg,#4276EF 0%, #FFEE2D 100%);
            }
            .cul_r_t_word{
              :first-child{
                color: #4276EF;
                font-size: 30px;
                line-height: 40px;
                font-weight: bold;
              }
              :last-child{
                font-weight: bold;
                line-height: 20px;
                font-size: 15px;
                color: #BABABA;
              }
            }
          }
          .cul_r_content{
            span{
              color: #333;
              font-size: 15px;
              font-weight: 500;
            }
            p{
              color: #666;
              line-height: 20px;
              font-size: 13px;
            }
          }
        }
      }
    }
  }
}